frontend/src/components/URLShortener/URLShortener.tsx

@@ -76,39 +76,41 @@ export default function URLShortener() {
     }
   }
   return (
-    <div className="URLShortener-component">
-      <div className="left-side">
-        <h1>Paste the URL</h1>
-        <form className="url-input" onSubmit={ShortenIt}>
-          <input
-            type="text"
-            placeholder="www.example.com"
-            aria-label="URL input field"
-            value={url}
-            onChange={(e) => setUrl(e.target.value)}
-          />
-          <button type="submit">Shorten It</button>
-        </form>
+    <>
+      <div className="URLShortener-component">
+        <div className="left-side">
+          <h1>Paste the URL</h1>
+          <form className="url-input" onSubmit={ShortenIt}>
+            <input
+              type="text"
+              placeholder="http://www.example.com"
+              aria-label="URL input field"
+              value={url}
+              onChange={(e) => setUrl(e.target.value)}
+            />
+            <button type="submit">Shorten It</button>
+          </form>
 
-        {shortenedUrl && showInput && (
-          <div className="url-input shortened">
-            <input type="text" readOnly value={shortenedUrl} />
-            <button onClick={copyURL}>Copy</button>
-          </div>
-        )}
-      </div>
-      <div className="right-side">
-        <div className="right-side-title">
-          <h1>Shorten It</h1>
+          {shortenedUrl && showInput && (
+            <div className="url-input shortened">
+              <input type="text" readOnly value={shortenedUrl} />
+              <button onClick={copyURL}>Copy</button>
+            </div>
+          )}
         </div>
-        <div className="right-side-content">
-          <p>
-            Shortenit is a free and open-source URL shortening service designed
-            for simplicity and efficiency.
-          </p>
+        <div className="right-side">
+          <div className="right-side-title">
+            <h1>Shorten It</h1>
+          </div>
+          <div className="right-side-content">
+            <p>
+              Shortenit is a free and open-source URL shortening service designed
+              for simplicity and efficiency.
+            </p>
+          </div>
         </div>
       </div>
       <ToastContainer />
-    </div>
+    </>
   );
 }